<template>
  <div class="com-info-component">

    <div>公司名称：{{info.gsmc}}</div>
    <div class="line"></div>
    <div>联系人：{{info.lianxiren}}</div>
    <div class="line"></div>
    <div>联系电话：{{info.lxdh}}</div>
    <div class="line"></div>
    <div>地址：{{info.dizhi}}</div>
    <div class="go-map clearfix">
      <button @click="gogogo">
        <!--<image src="../../static/location.png"></image>-->
        立即导航
      </button>
    </div>
    <div class="qrcode">
      <image :src="info.dibuerweima"></image>
    </div>
    <div class="welcome">欢迎关注速诚</div>
  </div>
</template>

<script>
  const wxapp = getApp()
  export default {
    props: ['info'],
    methods:{
      gogogo(){
        wx.openLocation({
          latitude: parseFloat(this.info.latitude),
          longitude: parseFloat(this.info.longitude),
          // latitude: 23.362490,
          // longitude: 116.715790,
          scale: 18,
          name: this.info.dtsmc,
          address: this.info.dtsdz
        })
      }
    }
  }
</script>
<style scoped>
  .com-info-component {
    padding: 50rpx;
    font-size: 35rpx;
  }

  .line{
    width: 100%;
    height: 3rpx;
    background: #000;
    margin: 10rpx 0;
  }
  .go-map{
    width: 100%;
    /*height: 75rpx;*/
  }
  /*.go-map image{*/
    /*width: 50rpx;*/
    /*height: 65rpx;*/
    /*position: absolute;*/
    /*left: 13rpx;*/
    /*top: 12rpx;*/
  /*}*/
  .go-map button{
    float: right;
    background: #2197D8;
    color: #fff;
    width: 240rpx;
    height: 75rpx;
    line-height: 75rpx;
    text-align: center;
    padding-right: 15rpx;
    padding-left: 13rpx;
    /*vertical-align: middle;*/

  }
  /*.go-map image{*/
    /*width: 40rpx;*/
    /*height: 50rpx;*/
    /*vertical-align: middle;*/
    /*!*margin-top: -10rpx;*!*/
  /*}*/

  .qrcode{
    margin-top: 20rpx;
    text-align: center;
  }
  .qrcode image{
    width: 210rpx;
    height: 210rpx;
  }
  .welcome{
    text-align: center;
  }
</style>
